/**
 * Created by levy on 16/6/15.
 */
/**
 * text: 传入的富文本
 * style: 传入特定的样式, 可为空
 *
 * 教训，setState会触发DidUpdate,如果在接收新props时又要setState，
 * 最好使用componentWillReceiveProps
 */
var RichText = React.createClass({
    getInitialState() {
        return {
            text: '',
            shouldUpdate: true
        }
    },

    render() {
        var style = this.props.style || {};

        return <div className="rich-text" ref="mask">
            <div className="content" ref="content" style={style}>
                <div dangerouslySetInnerHTML={{__html: this.props.text}} />
            </div>
        </div>
    },

    // componentDidMount() {
    //     React.findDOMNode(this.refs.content).innerHTML = this.props.text;
    // },
    // componentWillReceiveProps(nextProps) {
    //     //父组件传来新的内容时显示
    //     //用state来控制显示, props只传数据
    //     React.findDOMNode(this.refs.content).innerHTML = nextProps.text;
    // }
});

export default RichText;
